<template>
  <view class="content">
    <view class="uni-textarea">
      <textarea :value="txt" @blur="bindTextAreaBlur" />
    </view>
    <view class="store_btn">
      <button class="btn">保存</button>
    </view>
  </view>
</template>

<script>
export default {
  name: "address",
  data() {
    return {
      txt: "寻常小店",
    };
  },
};
</script>

<style lang="scss" scoped>
.content {
  background: #f6f6f6;
  width: 100vw;
  height: 100vh;
  padding: 20rpx 0;
  .uni-textarea {
    background-color: #fff;
    width: 100%;
    height: 310rpx;
    padding: 32rpx 24rpx;
    textarea {
      width: 100%;
      height: 100%;
    }
  }
  .store_btn {
    position: fixed;
    bottom: 16rpx;
    left: 50%;
    transform: translate(-50%);
    width: 702rpx;
    height: 80rpx;
    // margin: 200rpx auto 16rpx;
    .btn {
      background: #2f80fb;
      border-radius: 12rpx;
      color: #fff;
      font-size: 32rpx;
      font-weight: 400;
    }
  }
}
</style>